.order-item {
  margin-top: 40rpx;
  padding-bottom: 40rpx;
  border-bottom: 1px solid @color-border-grey;
  display: flex;
  align-items: center;

  .left {
    flex: 1;

    .name-status {
      position: relative;
      display: flex;
      height: 42rpx;
      align-items: center;

      .red-tips {
        position: absolute;
        right: 20rpx;
        top: 0;
        width: 20rpx;
        height: 20rpx;
        border-radius: 50%;
        background-color: @color-red;
      }

      .order-name {
        margin-left: 21rpx;
        font-family: 'ali-p';
        font-weight: 500;
        font-size: 31rpx;
        line-height: 16rpx;
        color: @color-black-text;
      }
    }

    .order-info {
      margin-top: 44rpx;

      &-price,
      &-time {
        margin-top: 18rpx;
        font-family: 'ali-p';
        font-size: 23rpx;
        color: @color-light-grey-text;
        line-height: 16rpx;

        text {
          :last-child {
            margin-left: 10rpx;
          }
        }
      }
    }
  }

  .right {
    flex: .5;
    view {
      :first-child {
        justify-items: flex-end;
      }
    }
  }
}
